<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>

<%@ include file="header.jsp"%>

<div class="contents">
        <div class="login">
            <h2 class="login_title">PRIJAVA</h2>
            <!-- vpisi action file za login -->
            <form id="login_form" action="process-login.jsp" method="post">
                <table border="0">
                    <tr>
                        <td class="table_td">E-mail:</td>
                        <td class="table_td"><input type="text" name="username" id="username" size="30" maxlength="30" /></td>
                    </tr>
                    <tr>
                        <td class="table_td">Geslo:</td>
                        <td class="table_td"><input type="text" name="password" id="password" size="30" maxlength="30" /></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td class="table_td"><input type="checkbox" name="remember_me" id="remember_me" value="remember" /> Zapomni
                            si me</td>
                    </tr>
                    <tr>
                        <td></td>
                        <td class="table_td"><span id="format_err">Nisi vnesel vseh podatkov!</span></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td class="table_td"><input class="button_style" type="submit" value="Prijava"
                            onclick="onLogin()" /></td>
                    </tr>
                    <tr>
                        <td><br /> <br /></td>
                        <td><br /> <br /></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td class="table_td1">Še nimaš svojega uporabniškega računa? <br />Pridruži se nam!
                        </td>
                    </tr>
                    <tr>
                        <td></td>
                        <td class="table_td"><input class="button_style" type="button" value="Registracija"
                            onclick="initRegistration()" /></td>
                    </tr>
                </table>
            </form>
        </div>

        <!-- Registracija -->
        <div id="registration_dialog" title="Registracija">
            <!-- vpisi action file za registracijo -->
            <form id="registration_form" action="process-registration.jsp" method="post">
                <p class="registration_p">
                    <label>E-mail<br /> <input type="text" name="registration_email" id="registration_email" size="30" maxlength="60"
                        onblur="checkRegistrationEmail()" />
                    </label> <span id="format_err_registration_email">Neveljaven format.</span>
                </p>
                <p class="registration_p">
                    <label>Email (ponovno)<br /> <input type="text" name="registration_email_repeated" id="registration_email_repeated" size="30"
                        maxlength="60" />
                    </label>
                </p>
                <p class="registration_p">
                    <label>Geslo<br /> <input type="password" name="registration_password" id="registration_password" size="30"
                        maxlength="30" onblur="checkRegistrationPassword()" />
                    </label> <span id="format_err_registration_password">Geslo naj vsebuje vsaj 4 znake.</span>
                </p>
                <p class="registration_p">
                    <label>Geslo (ponovno)<br /> <input type="password" name="registration_password_repeated" id="registration_password_repeated"
                        size="30" maxlength="30" />
                    </label>
                </p>
                <p class="registration_p">
                    <label>Ime<br /> <input type="text" name="name" id="name" size="30" maxlength="30" onblur="checkName()" />
                    </label> <span id="format_err_name">Neveljaven format.</span>
                </p>
                <p class="registration_p">
                    <label>Priimek<br /> <input type="text" name="surname" id="surname" size="30" maxlength="30"
                        onblur="checkSurname()" />
                    </label> <span id="format_err_surname">Neveljaven format.</span>
                </p>
                <p class="registration_p">
                    <label><input type="radio" name="gender" value="male" checked="checked" /> Fant</label> <label><input
                        type="radio" name="gender" value="female" /> Dekle</label><br />
                </p>
                <p class="registration_p">
                    <label>Rojstni datum<br /> <select name="day" id="selected_day">
                            <option value="1" selected="selected">1</option>
                            <option value="2">2</option>
                            <option value="3">3</option>
                            <option value="4">4</option>
                            <option value="5">5</option>
                            <option value="6">6</option>
                            <option value="7">7</option>
                            <option value="8">8</option>
                            <option value="9">9</option>
                            <option value="10">10</option>
                            <option value="11">11</option>
                            <option value="12">12</option>
                            <option value="13">13</option>
                            <option value="14">14</option>
                            <option value="15">15</option>
                            <option value="16">16</option>
                            <option value="17">17</option>
                            <option value="18">18</option>
                            <option value="19">19</option>
                            <option value="20">20</option>
                            <option value="21">21</option>
                            <option value="22">22</option>
                            <option value="23">23</option>
                            <option value="24">24</option>
                            <option value="25">25</option>
                            <option value="26">26</option>
                            <option value="27">27</option>
                            <option value="28">28</option>
                            <option value="29">29</option>
                            <option value="30">30</option>
                            <option value="31">31</option>
                    </select> <select name="month" id="selected_month">
                            <option value="1" selected="selected">januar</option>
                            <option value="2">februar</option>
                            <option value="3">marec</option>
                            <option value="4">april</option>
                            <option value="5">maj</option>
                            <option value="6">junij</option>
                            <option value="7">julij</option>
                            <option value="8">avgust</option>
                            <option value="9">september</option>
                            <option value="10">oktober</option>
                            <option value="11">november</option>
                            <option value="12">december</option>
                    </select> <select name="year" id="selected_year">
                            <option value="1980" selected="selected">1980</option>
                            <option value="1981">1981</option>
                            <option value="1982">1982</option>
                            <option value="1983">1983</option>
                            <option value="1984">1984</option>
                            <option value="1985">1985</option>
                            <option value="1986">1986</option>
                            <option value="1987">1987</option>
                            <option value="1988">1988</option>
                            <option value="1989">1989</option>
                            <option value="1990">1990</option>
                            <option value="1991">1991</option>
                            <option value="1992">1992</option>
                            <option value="1993">1993</option>
                            <option value="1994">1994</option>
                            <option value="1995">1995</option>
                            <option value="1996">1996</option>
                            <option value="1997">1997</option>
                            <option value="1998">1998</option>
                            <option value="1999">1999</option>
                            <option value="2000">2000</option>
                            <option value="2001">2001</option>
                            <option value="2002">2002</option>
                            <option value="2003">2003</option>
                            <option value="2004">2004</option>
                            <option value="2005">2005</option>
                    </select>
                    </label>
                </p>
                <p class="registration_p">
                    <label>Kraj bivanja<br /> <input type="text" name="place" id="place" size="30" maxlength="30"
                        onblur="checkPlace()" />
                    </label> <span id="format_err_place">Neveljaven format.</span>
                </p>
                <p class="registration_p">
                    <span id="registration_format_err">Manjkajoči ali neujemajoči podatki!</span>
                </p>
            </form>
        </div>
    </div>
    
<%@ include file="footer.jsp"%>